page{background-color: #FFFFFF; color: #333333; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';}
button{margin-top: 20upx; margin-bottom: 20upx;  font-size:32upx;}
form{ width: 100%;}
image{ vertical-align: middle}
progress {border-radius: 2em;overflow: hidden;}
button:after{ border: none;}
button[type=primary]{background-image: linear-gradient(to right, #00A5FF 0%, #2450a6 100%);}
button[type=primary].button-hover{ opacity: .9;}
button[type=primary][plain]{ background-color:#CCCCCC;background-image:none;border: none; color: #FFFFFF; } 
button[type=default]{ border-radius:12upx; box-shadow: 0 2px 6px rgba(235,235,235,.8); } 

.iconfont {font-size:28upx; display: inline-block; line-height:1;}
.ivm{ vertical-align: text-bottom; margin-right: 8upx;}
/* Weui */
.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}
.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.weui-cells{position:relative;margin-top:20upx;background-color:initial;line-height:1.75;font-size:32upx}
.weui-cells__title{padding:20upx 30upx 20upx; color:#333;font-size:28upx}
.weui-cells_after-title{margin-top:0}
.weui-cells__tips{margin-top:30upx;color:#999;padding-left:30upx;padding-right:30upx;font-size:28upx}
.weui-cell{padding:24upx 30upx;line-height:1.75;position:relative;display:flex; align-items:center}
.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid #EEEEEE;color:#EEEEEE;left:30upx}
.weui-cell:first-child:before{display:none}
.weui-cell_active{background-color:#ECECEC}
.weui-cell_primary{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.weui-cell__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size: 28upx; color: #333;}
.weui-cell__ft{text-align:right;color:#999}
.weui-cell_access{color:inherit}
.weui-cell__ft_in-access{padding-right:26upx;position:relative}
.weui-cell__ft_in-access:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}
.weui-cell_link{color:#586C94;font-size:28upx}
.weui-cell_link:active{background-color:#ECECEC}
.weui-cell_link:first-child:before{display:block}
.weui-cell__ft_in-radio{padding-left:30upx}
.weui-cell_input, .weui-cell_select{ padding: 12upx 30upx;}
.weui-cell_input:before, .weui-cell_select:before{ display: none;}
.weui-cell__hd, .weui-cell__ft { font-size: 28upx; color: #666;}
.weui-label{ width:6em; color: #495061;}
.weui-input{  font-size: 30upx; background-color: #F6F6F6; border-radius: 12upx; padding:20upx; line-height: 1.4;}
.weui-select{position:relative;background-color: #F6F6F6; border-radius: 12upx; font-size: 30upx; padding:20upx 12upx; line-height: 1.4;}
.weui-select:before{content:" ";display:inline-block;height:6px;width:6px;border-width:0 2px 2px 0;border-color:#C8C8CD;border-style:solid;transform:matrix(.71,.71,-.71,.71,0,0); top:-2px;position:absolute;top:50%;right:15px;margin-top:-10upx}
.weui-vcode-btn{display:inline-block;margin-left:5px;padding:0 20upx 0;vertical-align:middle;font-size:28upx;color:#333;white-space:nowrap}
.weui-vcode-btn:active{color:#555}
.weui-btn-area{padding:40upx 30upx 20upx}

/* lib */
.fn{font-weight:400}
.bold{font-weight:bold}
.tc{text-align: center;}
.tl{text-align:left}
.tr{text-align:right}
.tj{text-align:justify;}
.pull-left{float:left; }
.pull-right{float:right}
.fz8{font-size:16rpx}
.fz10{font-size:20rpx}
.fz12{font-size:24rpx}
.fz14{font-size:28rpx}
.fz15{font-size:30rpx}
.fz16{font-size:32rpx; }
.fz18{font-size:36rpx}
.fz20{font-size:40rpx}
.fz28{ font-size: 56rpx;}
.fz32{ font-size: 64rpx;}
.line{ line-height:1.4}
.line1{ line-height:1}
.por{ position: relative}
.poa{ position:absolute}
.vam{ vertical-align: middle;}
.c-primary{color: #f45905;}
.c-info{color: #00215b;}
.c-gray{color:#808291}
.c-gray9{color:#999}
.c-gray6{color:#666}
.c-gray3{color:#333}
.c-white{ color: #fff;}
.gray-bg{ background-color: #f6f6f6;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.ellipsis-l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellipsis-l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.clearfix{zoom:1}
.clearfix::after{content:'';display:table;clear:both}
.c-red{color:#F44439}
.c-orange{ color: #ff8d25}
.c-golden{ color: #d69256}
.c-black{color:#000}
.c-green{color:#00b700}
.c-blue{color:#0083E6}
.c-liblue{ color: #42b2f6;}
.white-bg{background-color:white}
.light-bg{ background-color: #e7e7e7;}

.mt10{ margin-top: 10rpx;}
.ml10{ margin-left: 10rpx;}
.mr10{ margin-right: 10rpx;}
.ml20{ margin-left:20rpx;}
.mt20{ margin-top:20rpx;}
.mt30{ margin-top: 30rpx;}
.mr30{ margin-right: 30rpx;}
.mt50{ margin-top: 50rpx;}
.mb10{ margin-bottom: 10rpx;}
.mb20{ margin-bottom: 20rpx}
.mb30{ margin-bottom: 30rpx;}
.mb50{ margin-bottom: 50rpx;}
.mr20{ margin-right: 20rpx}
.pt20{ padding-top: 20rpx;}
.p20{padding: 20rpx;}
.plr{ padding: 0 20rpx;}
.ptb{ padding:20rpx 0;}
.ptb20{ padding:40rpx 30rpx}
.fix-mb{ clear: both; overflow: hidden; padding-bottom:100rpx;}
.cell{padding: 20rpx 30rpx;}
.bt{ border-top: 1px solid #EEEEEE;}
.btm{border-top:1px solid rgba(255, 255, 255, .2); clear: both; margin-bottom: 20rpx;}
/* flex */
.flex-sb{ display: flex; justify-content:space-between; align-items: center;}
.flex-sa{ display: flex; justify-content:space-around; align-items: center;}
.flex-start{ display: flex; justify-content:flex-start; align-items:center;}
.flex-center{display:flex;justify-content:center; align-items:center;}
.flex-end{ display: flex; justify-content:flex-end; align-items:center;}
.flex-column{display: flex; flex-direction: column;}
.flex-wrap{ display: flex; flex-direction: row; flex-wrap: wrap;}
.flex-align{ display: flex; align-items: center;}


/* 首页 */
.section-main{background-color:#FFFFFF}
.section-title{padding:20rpx;text-align:center}
.section-sub-title{letter-spacing:1px;color:#546e9b}
.section-main-title{font-weight:600;color:#00215b}
.section-main-title text{color:#e5eaf3;padding:0 10rpx}
.col-list-item{border-radius:16rpx;background-color:#f2f6fc;margin:2.5%;overflow:hidden;position:relative;width:45%}
.col-list-img{background-color:#FFFFFF;overflow:hidden;width:100%}
.col-list-img image{width:100%; height:252rpx;}
.col-list-disc{padding:10rpx 20rpx}
.col-list-title{color:#303133}
.more-link{border:1px solid #f45905;margin:20rpx auto;background-color:#FFFFFF;color:#f45905;border-radius:2em;padding:16rpx 20rpx 16rpx 30rpx;line-height:1}
.more-link:active{background-color:#f45905;color:#FFFFFF;transition:0.5s all ease}
.fun-fact{padding:30rpx 0;margin:30rpx 0; position: relative;}
.fun-fact-bg{ position: absolute; width: 100%; height:450rpx; top: 0; left: 0; }
.fun-fact-item{padding:30rpx 0;text-align:center;width:50%;color:#FFFFFF; z-index:1;}
.fun-fact-item view{line-height:1}
.slick-slider{white-space:nowrap;width:100%;box-sizing:border-box;overflow:hidden}
.slick-slider-item{display:inline-block;height:100%;min-height:1px;padding-left:20rpx;width:500rpx}
.single-box{overflow:hidden;border-radius:20rpx}
.part-img image{width:100%}
.part-txt{padding:30rpx 30rpx;background-color:#f2f6fc;color:#00215b;text-align:center}
.part-txt-p{margin-top:5rpx;font-size:24rpx;color:#808291;white-space:normal}
.news-item{border-bottom:1rpx solid #e5eaf3;padding-bottom:20rpx;margin-bottom:20rpx}
.news-item-img image{width:240rpx;height:160rpx;border-radius:8rpx}
.news-item-desc{margin-left:30rpx;overflow:hidden}
.about-sec{vertical-align:top;position:relative;padding:30rpx 0;margin:30rpx 0}
.about-sec-bg{position: absolute; width: 100%; height: 550rpx;top: 0; left: 0;}
.about-sec view{position:relative; z-index: 1;}
.about-cw{color:#FFFFFF}
.footer{background-color:#001b46;color:#808291;padding:30rpx 20rpx;text-align:center}
.copyright{padding:20rpx;border-top:1rpx solid rgba(255,255,255,0.1);background:#00173c;font-size:20rpx;text-align:center;color:#808291}

/* 子页面 */
.subsite-banner {position: relative;max-height: 480rpx; overflow: hidden;}
.subsite-banner image{ width: 100%;}
.subsite-caption {position: absolute;  left: 0; right: 0; margin: 0 auto; top: 30%;
 color: #fff;overflow-wrap: break-word;  text-align: center;}
.subsite { padding: 40rpx 30rpx;border-radius: 20rpx;  z-index: 2; position: relative; background-color: #fff;}
.subsite-with-banner { margin-top: -20px; padding: 30rpx 30rpx 60rpx;}
.subsite-heading { text-align: center; width: 100%;}
.subsite-row{padding:40rpx 0;}
.subsite-tabs{ margin-top: 20rpx;}
.user-date-list{ margin: 20rpx;}
.user-date-item{ display: inline-block; margin-right: 30rpx; color: #333;}
.post-content{ text-align: justify; margin: 20rpx 0;}
.post-content view{ margin-bottom:20rpx; text-align: justify; text-indent: 2em;}
.post-content image{ margin-bottom:20rpx; width: 100%; text-align: center; height: 100%; border-radius:10rpx;}
.post-title{ font-size: 32rpx; padding-bottom:10rpx; margin: 30rpx 0; border-bottom: 1rpx solid #f2f6fc; font-weight: 600; position: relative;}
.post-title::after {position: absolute; content: ""; width: 4em; height: 4rpx; left: 0; bottom: -4rpx; background: #f45905;}
.outline-box{background-color: #fafafa; border: 1px solid #ececec; padding: 10px 10px; border-radius: 5px; margin: 20rpx 0;}
.subitem{ padding-left: 30rpx;color: #666666; position: relative;}
.subitem::before{position: absolute; left: 0;content:''; width: 12rpx; height: 12rpx; border-radius: 2em; background-color: #f45905; top: 20rpx;}
.pro-card{ border: 1px solid #f2f6fc; width: 100%; margin-top:20rpx; border-radius: 20rpx; padding: 20rpx; min-height:240rpx; display: flex;}
.pro-card-img{ width: 240rpx; text-align: center; padding: 4rpx; background-color: #f2f6fc; border-radius: 10rpx;}
.pro-card-img image{width:220rpx; height: 220rpx;}
.pro-card-desc{ margin-left: 20rpx; width: 100%; position: relative;}
.price-value{ font-size:32rpx; color: #d6000f; font-weight: 600;  line-height: 1;}

/* 预约单 */
.chart-box{  position: relative;border-radius: 20rpx;  margin-bottom: 30rpx;background-color: #f6f6f6; overflow: hidden;}
.order-box { width: 200px;  padding-top: 20px;  margin: 0px auto 20px;}
.order-box-detail{}
.order-item{padding: 20rpx}
.order-item:nth-child(odd){background-color: #eee;}
.order-item label{ font-weight: 700;}
.pop-cont{ background-color: #FFFFFF; width:640rpx; border-radius: 20rpx; height: auto; padding: 10rpx 20rpx; position: relative;}
.pop-close{ position: absolute; right: 20rpx; top: 20rpx;  }
.scroll-view{ overflow-y:scroll; max-height: 500rpx;}
.post-currency image{ width: 100%; height: auto;}

/* 全局 */
.checkbox_circle, .radio_circle{transform:scale(.68)}
.main{padding: 20upx 20upx;}
.main-wrap {padding: 20upx 20upx; margin-top: -100upx}
.main-box{ margin: 20upx 0; overflow: hidden; border-radius:20upx;}
.ui-box{background-color: #fff; border-radius:20upx; margin-bottom: 30upx;  }
.ui-box:last-child{ margin-bottom: 10upx;}
.ui-shadow{ box-shadow: 0 2px 6px rgba(196,220,248,.6); }
.ui-box-hd{ padding: 20upx 20upx 0;}
.ui-box-title{line-height: 1.4; font-weight:700; font-size: 30upx; }
.ui-list-item{ padding: 24upx 30upx; display: flex; align-items: center; position: relative; }
.ui-list-hd{ margin-right: 10upx;}
.ui-list-bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.ui-list-ft{text-align:right;color:#999}
.ui-select {border-radius: 2em;font-size: 24upx;padding: 10upx 30upx;}
.butt-radio{ width: 60%; margin: 0 auto; border-radius: 2em;}
.butt-cancel{ width: 32%; background-color: #CEE6FC !important;  color: #0078FF !important;}
button.butt-out{ background-color: #CCCCCC; background-image: none; color: #FFFFFF;}
.numes{ font-size: 24upx; line-height: 1.2; padding:6upx 20upx; color: #fff; border-radius: 2em; text-align: center;}
.mod-btn{ padding: 4upx 24upx; border-radius: 2em; border: 1px solid #FFFFFF; text-align: center; font-size:24upx; color: #FFF; background-image: linear-gradient(to right, #00A5FF 0%, #007CFF 100%);}
.mod-btn-out{ background-color: #FFFFFF; background-image: none; color: #0078FF; border-color:#0078FF;}
.mod-btn-out:active{opacity: .8;}
.mod-link{position: relative;display: block; padding:0 28upx; box-sizing: border-box; font-size: 28upx;text-align: center; margin:20upx auto; line-height: 2.55555556;  border-radius: 6px; overflow: hidden;color: #ffffff;}
.incoice-disc {padding:10upx 30upx;text-align: left; background: #EBF7FF; border-radius: 6px; line-height: 1.4}
.incoice-disc-tip { color: #666666; font-size: 24upx; text-align:justify; }
.toptips{padding:20upx 30upx; background: #FFF8F4; line-height: 1.4; color: #FF5904; font-size: 24upx;}
.fillet{padding:6upx 20upx;border-radius: 2em;font-size:24upx;display: inline-block;}
.pay-method{ margin-top: 20upx; border-radius: 6px; background-color: #F7F7F7;}
.unit{ font-size: 24upx; margin-left:4upx; font-weight: 400;}
.lined{width: 1px; height: 2em; background-color:rgba(255, 255, 255, .2);}
.basic-bg{background-image: linear-gradient(to bottom, #017BFF 0%, #00A5FF 100%); }
.header{padding-bottom: 100upx;}
.sn-icon{ color: #017BFF; margin-right: 10upx;}
.scan-icon{ margin-left: 10upx; font-size: 68upx; color: rgba(255,255,255,.8);}
.q-charts{width:100%; margin-bottom: 20upx;}
.charts-cell{ width: 100%; padding: 10px 0;}
.charts-box {width: 100%;height: 400upx;}

/* 个人中心 */
.basic-head {padding: 20upx 25upx;}
.user-head {width: 100upx;height: 100upx;overflow: hidden;border-radius: 50%; border: 3px solid #FFFFFF;}
.user-name {color: #fff;font-size: 32upx;max-width: 105px; margin-bottom: 10upx;}
.user-role{ background-color:rgba(0,0,0,0.2); border-radius: 2em; padding: 4upx 20upx; color:#FFFFFF; }


/* 长方格 */
.main-grid {padding: 30upx 20upx;width: 42%;}
.main-img {width: 100upx;height: 100upx;} 

/* 缺省值 */
.nodata-box{ width: 100%; height:68vh;  display:flex;align-items:center; justify-content: center; flex-direction: column; }
.nodata-img{ width:280upx; height:auto;}
.nodata-txt{ color: #999; margin: 20upx 0}

/* 固定 */
.fix-bar{ position: fixed; width: 100%; z-index: 99;}
.navber-tab{background-color:#017bff; width:100%; height: 80upx;}
.breadcrumb{ background-color: #fff; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 20upx 30upx;}
.datetime-bar{ padding: 16upx 20upx; background-color: #e8eaed; }
.fix-pt1{ padding-top:80upx ;}
.fix-pt2{ padding-top: 184upx;}

/* 头像 */
.headpor-img{ width: 80upx; height: 80upx; border-radius: 50%;}
.role-disc{ background-color: #42b2f6; border-radius: 8upx; font-size: 20upx; line-height: 1.4; padding:4upx 16upx; color: #fff; margin-left:20upx; }

/* 底部操作 */
.option-fb{ position: fixed; bottom: 0; border-top: 1px solid #f7f7f7; background-color: #fff; width: 100%; box-shadow: 0 -3px 3px rgba(235,235,235,.35);}
.option-pt{ margin:20upx 30upx;}
.option-two{width: 42%; border-radius: 2em; font-size:28upx;}

.u-height{ height: 96rpx; width: 100%; clear: both;}
.u-tabbar{ position: fixed; left: 0; bottom: 0; width: 100%; height: 98rpx; z-index: 999; background-color: #00215b; box-sizing: border-box;}
.u-tabbar-item{ flex: 1; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column;}
.u-tabbar-icon{position:relative; display: inline-block; margin-top: 13rpx; width: 48rpx; height: 48rpx;}
.u-tabbar-icon image{width: 100%; height: 100%;}
.u-tabbar-label{ font-size: 24rpx; margin-top:6rpx; line-height: normal; color:#c2daff;}



